<template>
  <el-form label-width="80px" size="mini">
    <el-form-item label="数据源">
      <data-source-btn/>
    </el-form-item>
    <el-form-item label="设备名称">
      <el-input v-model="item.deviceName"></el-input>
    </el-form-item>
    <el-form-item label="设备图片">
      <uploader v-model="item.url"></uploader>

    </el-form-item>
    <el-form-item label="图片适应">
      <el-select v-model="item.fit">
        <el-option value="fill" label="fill"></el-option>
        <el-option value="contain" label="contain"></el-option>
        <el-option value="cover" label="cover"></el-option>
        <el-option value="none" label="none"></el-option>
        <el-option value="scale-down" label="scale-down"></el-option>
      </el-select>
    </el-form-item>
    <border-style :item="item"></border-style>

  </el-form>
</template>
<script>
  import DataSourceBtn from '../../dataSource/button';
  import Uploader from '../../designer/components/uploader';
  import BorderStyle from '../styles/border';

  export default {
    name: 'vpd-device-style',
    components: {
      DataSourceBtn,
      Uploader,
      BorderStyle
    },
    props: {
      item: {
        type: Object
      }
    },
    data() {
      return {
        activeNames: ['style']
      }
    }
  }
</script>
